<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">编辑银行卡</div>
    </v-ons-toolbar>
    <div class="container">
      <div class="main-group">
        <div class="input-group">
          <span class="input-addo">开户行</span>
          <select class="input-control" v-model="bank">
            <option value="">请输入选择开户行</option>
            <option value="1">农业银行</option>
          </select>
        </div>
        <div class="input-group">
          <span class="input-addo">姓名</span>
          <input v-model="name" type="text" placeholder="请输入姓名"  class="input-control">
        </div>
        <div class="input-group">
          <span class="input-addo">卡号</span>
          <input v-model="bankcardNumber" type="text" placeholder="请输入卡号"  class="input-control">
        </div>

        <button class="btn">确认</button>
      </div>
    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        bank:'',
        name:'',
        bankcardNumber: ''
      }
    },
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/consumer/editor-bankcard.less";
</style>
